<template>
  <div class="pro_container">
    <!-- 头部盒子 -->
    <div class="header_box">
      <img class="logo" src="../assets/imgs/logo.png" alt="" />
      <div class="titlt_box">
        <div class="title">抽灌实验实时监测系统</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  // 组件名称
  name: 'Pro',
  // 组件参数 接收来自父组件的数据
  props: {},
  // 局部注册的组件
  components: {},
  // 组件状态值
  data () {
    return {}
  },
  // 组件初始化
  created () {
  },
  // 组件实例挂载完毕
  mounted () {
  },
  // 组件方法
  methods: {}
}
</script>

<style scoped lang='less'>
.pro_container {
  height: 100%;
  width: 100%;
  display: block;
  // width: 100%;
  // height: 99.1%;
  // min-height: 800px;
  min-width: 800px;
  background-image: url(../assets/imgs/bgimg.png);
  background-size: cover;
  background-size: 100% 100%;
  position: relative;
  .logo {
    position: absolute;
    left: 0.3125rem /* 60/192 */;
    top: 0.182292rem /* 35/192 */;
    width: 0.494792rem /* 95/192 */;
    height: 0.598958rem /* 115/192 */;
    // margin-top: 0.026042rem /* 5/192 */;
  }
  .header_box {
    height: 10%;
    width: 6.697917rem /* 1286/192 */;
    background-image: url(../assets/imgs/headerimg.png);
    background-size: cover;
    background-size: 100% 100%;
    min-height: 80px;
    display: flex;
    justify-content: space-between;
    // text-align: center;
    // background-color: red;
    margin: 0 auto;
    .titlt_box {
      height: 58%;
      line-height: 0.3125rem /* 60/192 */;
      width: 1.979167rem /* 380/192 */;
      margin: 0 auto;
      padding-top: 0.010417rem /* 2/192 */;
      box-sizing: border-box;

      .title {
        font-size: 0.166667rem /* 32/192 */;
        // width: 352px;
        // height: 40px;
        // font-size: 42px;
        font-family: SimHei;
        text-align: center;
        // font-weight: 400;
        color: #5df5f9;
        // line-height: 13px;
      }
    }
  }
}
</style>
